@import "share";
#top{
    background: #f7f7f7;
    height: 28px;
    border: 1px solid #dadada;
}
.top_con{
    width: 976px;
    height: 28px;
    margin: 0 auto;
}
.top_left{
    height: 28px;
    width: 55px;
    float: left;
    font-size: 12px;
    a{
        height: 28px;
        line-height: 28px;
        color: #666;
        float: right;
    }
    a:first-child{
        float: left;
        color: #C40000;
    }
}
.top_right{
    float: right;
    height: 28px;
    line-height: 28px;
    li{
        float: left;
        a{
            display: block;
            color: #666;
            height: 28px;
            padding: 0 12px;
        }
        a:hover{
            color: #C40000;
        }
    }
    li:nth-of-type(5),li:nth-of-type(6){
        a{
            color: #C40000;
        }
    }
}
//我的购物车
.mycart{
    width: 960px;
    height: 60px;
    margin: 0 auto;
    border-bottom: 1px solid #C40000;
    h2{
        width: 105px;
        height: 24px;
        color: #666;
        font-family: '微软雅黑';
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        padding: 36px 0 0 5px;
        float: left;
    }
    p{
        font-family: Arial;
        float: left;
        font-size: 12px; 
        color: #C40000;
        height: 28px;
        line-height: 28px;
        padding-top: 32px;   
    }
    a{
        float: right;
        width: 124px;
        height: 35px;
        background: url("../img/cart/bg_new.gif") no-repeat 0 -102px;
        margin-top: 15px;
    }
}
//购物车内容
.cart_con{
    width: 958px;
    border: 1px solid #eaeaea;
    border-top: 0;
    margin: 0 auto;
}
.table_tit{
    width: 958px;
    height: 31px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #C40000;
    li{
        color: #999999;
        line-height: 31px;
        height: 31px;
        float: left;
        text-align: center;
    }
    .li_1{
        width: 61px;
        height: 21px;
        line-height: 12px;
        padding: 10px 0 0 12px;
        text-align: left;
        input{
            float: left;
        }
        span{
            float: left;
        }
    }
    .li_2{
        width: 378px;
        text-indent: 57px;
        text-align: left;
    }
    .li_3{
        width: 82px;
    }
    .li_4{
        width: 86px;
    }
    .li_5{
        width: 152px;
    }
    .li_6{
        width: 75px;
    }
    .li_7{
        width: 103px;
    }
}
.cart_table{
    width: 928px;
    margin: 0 auto;
    font-size: 12px;
    cursor: pointer;
    tr{
        height: 70px;
        td{
            border-bottom: 1px dashed #d3d3d3;
        }
        td:nth-of-type(1){
            width: 70px;
        }            
        td:nth-of-type(2){
            width: 50px;
            img{
                width: 50px;
                height: 50px;
            }
            a{
                float: left;
            }
            
        }
        td:nth-of-type(3){
            width: 328px;
            a{
                width: 320px;
                line-height: 25px;
                color: #0066cc;
                margin-left: 4px;
            }
            a:hover{
                color: #cf0404;
                text-decoration: underline;
            }
        }            
        td:nth-of-type(4){
            width: 82px;
            text-align: center;
        }            
        td:nth-of-type(5){
            width: 86px;
            color: #cf0404;
            text-align: center;
        }            
        td:nth-of-type(6){
            width: 152px;
            text-align: center;
            .sub_num{
                margin-left: 38px;
            }
            .sub_num,.add_num{
                display: inline-block;
                width: 15px;
                height: 18px;
                border: 1px solid #d8d8d8;
                float: left;
            }
            .num_txt{
                width: 35px;
                height: 18px;
                float: left;
                margin: 0 3px;
                border: 0;
                border: 1px solid #d8d8d8;
                text-align: center;
            }
        }            
        td:nth-of-type(7){
            text-align: center;
            width: 75px;
            color: #cf0404;
        }            
        td:nth-of-type(8){
            text-align: center;
            width: 103px;
            a{
                color: #666;                
            }

        }            
    }  
}
.dzq{
    width: 958px;
    height: 42px;
    color: #666;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #f6f6f6;
    margin-top: 10px;
    line-height: 42px;
    text-indent: 15px;
}
//购物车操作
.cart_operate{
    width: 958px;
    height: 49px;
    .operate_left{
        width: 233px;
        height: 30px;
        float: left;
        line-height: 12px;
        padding: 19px 0 0 10px;
        #allcheck1{
            float: left;
        }
        span{
            float: left;
            color: #666;
        }
        a{
            float: left;
            color: #666;
        }
        .del_check{
            margin: 0 30px;
        }
        a:hover{
            color: #cf0404;
            text-decoration: underline;
        }
    }
    .operate_right{
        width: 180px;
        height: 49px;
        float: right;
        span{
            float: left;
            padding-top: 20px;
            line-height: 12px;
            color: #666;
        }
        i{
            float: left;
            color: #CA0809;
            font-size: 27px;
            font-weight: bold;
            line-height: 27px;
            padding-top: 10px;
            margin-right: 10px;
        }
    }
}
.other_operate{
    height: 80px;
    width: 960px;
    margin: 0 auto;
    .other_operate_left{
        float: left;
        width: 350px;
        a{
            float: left;
            margin-top: 20px;
            margin-right: 20px;
            width: 100px;
            height: 35px;
            background: url(../img/cart/bg_new.gif) no-repeat -124px -102px;
        }
        p{
           width: 200px;
           color: #666;
           height: 80px;
           float: left;
           line-height: 80px; 
        }
    }
    .jiesuan{
        float: right;
        width: 124px;
        height: 35px;
        margin-top: 20px;
        background: url("../img/cart/bg_new.gif") no-repeat 0 -102px;
    }
}
.knxy{
    width: 958px;
    border: 1px solid #eaeaea;
    background: #f8f8f8;
    height: 38px;
    text-indent: 15px;
    margin: 0 auto;
    line-height: 38px;
    color: #999;
    font-size: 18px;
    font-weight: 900;
}
.recommend{
    width: 958px;
    height: 498px;
    margin: 0 auto;
    border: 1px solid #eaeaea;
    padding-top: 20px;
    border-top: 0;
    div{
        float: left;
        width: 158px;
        height: 234px;
        border-right: 1px dashed #eaeaea;
        a:nth-of-type(1){
            display: block;
            width: 100px;
            height: 100px;
            margin: 0 auto;
        }
        img{
            width: 100px;
            height: 100px;
        }
        a:nth-of-type(2){
            display: block;
            width: 130px;
            margin: 10px auto 0;
            overflow: hidden;
            height: 40px;
            text-align: center;
            line-height: 20px;
            color: #666; 
        }
        a:nth-of-type(2):hover{
            color: #C40000;
            text-decoration: underline;
        }
        p{
            text-align: center;
            height: 34px;
            line-height: 28px;
            color: #C40000;
        }
        .add_btn{
            display: block;
            height: 29px;
            width: 102px;
            border: 0;
            background: url(../img/cart/bg_new.gif) no-repeat -262px -209px;
            margin: 0 auto;
            cursor: pointer;
        }
    }
    div:nth-of-type(6),div:nth-of-type(12){
        border: 0;
    }
}
.bottom{
    height: 196px;
    width: 960px;
    background: #fafafa;
    margin: 20px auto 0;
    .sanbao{
        width: 954px;
        height: 52px;
        padding: 20px 0;
        margin: 0 auto;
    }
    .xlj{
        height: 13px;
        text-align: center;
        line-height: 12px;
        a{
            display: inline-block;
            padding: 0 15px;
            border-right: 1px solid #ccc;
            color: #666;
        }
        a:hover{
            color: #C40000;
            text-decoration: underline;
        }
        a:last-child{
            border: 0;
        }
    }
    .banquan{
        text-align: center;
        line-height: 12px;
        color: #999;
        margin-top: 20px;
    }
    .baojin{
        width: 234px;
        height: 42px;
        margin: 14px auto 0;
        div{
            width: 110px;
            height: 42px;
            border: 1px solid #ccc;
            float: left;
            background: url(../img/cart/bg_index.png) no-repeat -210px -690px;
        }
        .baojin_r{
            background-position-y: -735px;
            float: right;
        }
    }
}





